@import './reset';
body{
	-webkit-overflow-scrolling: auto;
}
#Iframe{
	border: 0px;
	height: 100vh;
}
/*.agree-dialog-mask{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,.7);
	z-index: 100;
	.agree-dialog{
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		background-color: white;
		box-sizing: border-box;
		padding: calculateRem(16px) calculateRem(16px) 0 calculateRem(16px);
		>h3{
			margin: 0;
			text-align: center;
			font-size: calculateRem(20px);
			color: #333;
			margin-top: calculateRem(6px);
		}
		.tips{
			line-height: calculateRem(22px);
			font-size:calculateRem(16px);
			color: #333;
			margin-bottom: 0;
		}
		.deal-w{
			line-height: calculateRem(22px);
			font-size:calculateRem(16px);
			color: #666;
			margin-bottom: calculateRem(15px);
			.deal{
				color: #E62622;

			}
		}
		.btns-wrap{
			height: calculateRem(50px);
			margin-bottom: calculateRem(8px);
			
			>a{
				display: inline-block;
				height: calculateRem(50px);
				font-size: calculateRem(20px);
				color: #FFFFFF;
				text-align: center;
				line-height: calculateRem(50px);
				outline: none;
				border-radius: calculateRem(5px);
			}
			.noagree{
				background: #D8E5F5;
				width: 35%;
				color: #595959;
				float: left;
				&:active{
					background: #c4dbf7;
				}
			}
			.agree{
				background: #E62622;
				width: 63%;
				float: right;
				&:active{
					background: #C51B0D;
				}
			}
		}
	}
}*/

.agree-dialog-mask{
	position: fixed;
	background: rgba(0,15,25,.6);
	z-index: 100;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	.agree-sign-dialog{
		position: absolute;
		bottom: calculateRem(10px);
		left: calculateRem(10px);
		right: calculateRem(10px);
		border-radius: calculateRem(13px);
		height: auto;
		background: white;
		box-sizing: border-box;
		padding: calculateRem(10px);
		padding-bottom: calculateRem(60px);
		>h3{
			margin: 0;
			text-align: center;
			font-size: calculateRem(20px);
			color: #333;
			margin-top: calculateRem(18px);
		}
		>h4{
			color: #E62622;
			margin: 0;
			font-size: calculateRem(17px);
			text-align: center;
			font-weight: normal;
			margin-top: calculateRem(7px);
			margin-bottom: calculateRem(6px);
		}
		>p{
			font-size: calculateRem(16px);
			color: #4b4b4b;
			@include break;
			line-height: calculateRem(22px);
			margin: 0;
			margin-top: calculateRem(14px);
			text-indent: 2.0rem;
			margin-bottom: calculateRem(12px);
			/*>span{
				font-style: normal;
				color: #E62622;
				margin-left: calculateRem(8px);
			}*/
		}
		.btns-wrap{
			position: absolute;
			height: calculateRem(50px);
			left: calculateRem(10px);
			right: calculateRem(10px);
			bottom: calculateRem(10px);
			>a{
				display: inline-block;
				height: calculateRem(50px);
				font-size: calculateRem(20px);
				color: #FFFFFF;
				text-align: center;
				line-height: calculateRem(50px);
				outline: none;
				border-radius: calculateRem(5px);
			}
			.noagree{
				background: #D8E5F5;
				width: 35%;
				color: #595959;
				float: left;
				&:active{
					background: #eee;
				}
			}
			.agree{
				background: #E62622;
				width: 63%;
				float: right;
				&:active{
					background: #C51B0D;
				}
			}
		}
	}
}


.product-deal-mask{
	position: fixed;
	background: rgba(0,15,25,.6);
	z-index: 200;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	.product-deal-dialog{
		position: absolute;
		bottom: calculateRem(10px);
		left: calculateRem(10px);
		right: calculateRem(10px);
		border-radius: calculateRem(13px);
		/*height: calculateRem(204px);*/
		top: calculateRem(50px);
		background: #F3F5F8;
		box-sizing: border-box;
		padding: calculateRem(10px);
		>h3{
			margin: 0;
			text-align: center;
			font-size: calculateRem(20px);
			color: black;
			/*margin-top: calculateRem(18px);*/

		}
		>h4{
			margin: 0;
			text-align: center;
			font-size: calculateRem(17px);
			color: black;
			font-weight: normal;
			margin-top: calculateRem(10px);

		}
		.text-wrap{
			position: absolute;
			top: calculateRem(80px);
			bottom: calculateRem(70px);
			left: calculateRem(10px);
			right: calculateRem(10px);
			background: white;
			box-sizing: border-box;
			border: 1px solid #7A848A;
			border-radius: 3px; 
			padding: calculateRem(10px);
			overflow-y: auto;

		}
		.btns-wrap{
			position: absolute;
			height: calculateRem(50px);
			left: calculateRem(10px);
			right: calculateRem(10px);
			bottom: calculateRem(10px);
			>a{
				display: inline-block;
				height: calculateRem(50px);
				font-size: calculateRem(20px);
				color: #FFFFFF;
				text-align: center;
				line-height: calculateRem(50px);
				outline: none;
				border-radius: calculateRem(5px);
			}
			
			.noagree{
				background: #D8E5F5;
				width: 35%;
				color: #595959;
				float: left;
				&:active{
					background: #eee;
				}
			}
			.sign{
				background: #E62622;
				width: 63%;
				float: right;
				&:active{
					background: #C51B0D;
				}
			}
		}
	}
}